<%--
  Created by IntelliJ IDEA.
  User: 71027
  Date: 2019/5/29
  Time: 23:09
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <%@include file="common/commonbootstrap.jsp" %>
</head>
<body>

<div id="wode">
    <div>
        <span>jj</span>
        <span>kk</span>
        <button onclick="tip(this)">按</button>
    </div>
    <div>
        haxixixiixii
    </div>
</div>
<div id="show">haha</div>


<div>
    <p id="haha">This is a paragraph.</p>
    <span id="xixi">现实。</span>
</div>
<button class="btn1">Hide</button>
<button class="btn2">Show</button>
<script>

    function tip(ele) {
        var text = ele.parentNode;
        var tex = $(text).find('span:nth-child(2)').text();/*成功。如何第n个。*/
        /*成功。*/
        /*nth-child(n)  和  :nth-of-type(n)*/
        alert(tex);
    }
</script>
<%----%>
<%--测试第二个。--%>
<table align="left" width="500" height="400" border=1 bordercolor="#00ff99">
    <tbody>
    <tr>
        <td colspan="3" align="center">网站名称</td>
    </tr>
    <tr>
        <td width="30%" height="25">网站标题</td>
        <td colspan="2" align="right">搜索框</td>
    </tr>
    <tr>
        <td width="30%">左边</td>
        <td width="40%">中间</td>
        <td>右边</td>
    </tr>
    <tr>
        <td colspan="3" align="center">网站底部信息</td>
    </tr>
    </tbody>
</table>
<%--第二个表格。【？测试这个可不可以使用？？？【？】】--%>
<div class="container">
    <table style="width: 500px;" class="table table-striped table-hover table-bordered">
        <thead>
        <tr>
            <th>表头1</th>
            <th>表头2</th>
            <th>表头3</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>第1行第1列</td>
            <td>第1行第2列</td>
            <td>第1行第3列</td>
        </tr>
        <tr>
            <td>第2行第1列</td>
            <td>第2行第2列</td>
            <td>第2行第3列</td>
        </tr>
        <tr>
            <td>第3行第1列</td>
            <td>第3行第2列</td>
            <td>第3行第3列</td>
        </tr>
        </tbody>
    </table>
</div>
<%----%>


</body>
</html>
